<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">

<title>外部用户表</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

</head>

<body>
	<%@ include file="/WEB-INF/jsp/common/headerSupply.jsp"%>
	<%@ include file="/WEB-INF/jsp/common/loadDiv.jsp"%>

	<script type="text/javascript">
		$(function() {
			bindgrid();
		});
	</script>
	<script>
		function del(node) {
			$.ajax({
				type : "post",
				url : 'supply/info/delete',
				//                dataType: "xml",				
				success : function(data) {
					$.messager.alert('消息', data);
					$('#add').window('close');
					bindgrid();
				},
				error : function(XMLHttpRequest, textStatus, errorThrown) {
					$.messager.alert('消息', errorThrown);
				}
			});
		}

		function save() {
			$('#fm').form('submit', {
				url : 'supply/info/save',
				iframe : false,
				onSubmit : function() {
					return $(this).form('validate');
				},
				success : function(result) {
					var result = eval('(' + result + ')');
					if (result.errorMsg) {
						$.messager.show({
							title : 'Error',
							msg : result.errorMsg
						});
					} else {
						$('#dlg').dialog('close'); // close the dialog
						$('#dg').datagrid('reload'); // reload the user data
					}
				}
			});
		}

		function editrow() {
			//编辑用户
			var user = $('#dg').datagrid('getSelected');
			if (user) {
				$('#add').window('open');
				$('#t1').val(user.userid);

			} else {
				$.messager.alert('消息', '请选中一个用户');
			}
		}
	</script>
	<script>
		function bindgrid() {
			$('#dg').datagrid(
					{
						title : '供应商管理',
						url : "supply/info/selectList",
						iconCls : 'icon-application',
						width : getWidth(0.98),
						height : 500,
						nowrap : true,
						rownumbers : true,
						animate : false,
						collapsible : false,
						clientPaging : false,
						remoteFilter : true,
						singleSelect : true,
						remoteSort : true,
						columns : [ [ {
							field : 'infId',
							title : '供应商id',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCode',
							title : '编码',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infAdmitLevel',
							title : '准入级别',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infName',
							title : '名称',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infNameEn',
							title : '英文名称',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCatagory',
							title : '供应商类别',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infNature',
							title : '企业性质',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infType',
							title : '供应商类型',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infIsInside',
							title : '内部外部',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCreditCode',
							title : '社会信用代码',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCapital',
							title : '注册资金',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCurrency',
							title : '币种',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infTaxpayer',
							title : '纳税人',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infIsConstruction',
							title : '是否施工队',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infIsAbordSupply',
							title : '是否国外供应商',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCountry',
							title : '国家地区',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infProvince',
							title : '省份',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCity',
							title : '地市',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infArea',
							title : '县区',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infPostal',
							title : '邮政编码',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infAddress',
							title : '单位地址',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infTelphone',
							title : '座机',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infUrl',
							title : '企业网站',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infMail',
							title : '邮箱',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infFax',
							title : '传真',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infLegalPerson',
							title : '法定代表人',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infCard',
							title : '身份证号',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infMobile',
							title : '手机',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infContactsName',
							title : '联系人姓名',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infContactsCard',
							title : '联系人身份证',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infContacsTelphone',
							title : '联系人座机',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infContactsMobile',
							title : '联系人手机',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infBankName',
							title : '开户银行名称',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infBranchName',
							title : '分行名称',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infBankAccount',
							title : '账户',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infBankNumber',
							title : '账号',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'intIntrodution',
							title : '简介',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infRange',
							title : '经营范围',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infExplain',
							title : '相关说明',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'infApprovalStatus',
							title : '审批状态',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'createTime',
							title : 'create_time',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'createName',
							title : 'create_name',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'createId',
							title : 'create_id',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'updateId',
							title : '修改人id',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'updateName',
							title : '修改人',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'updateTime',
							title : '修改时间',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'delFlag',
							title : '是否删除',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'status',
							title : '状态',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						}, {
							field : 'remark',
							title : '备注',
							sortable : true,
							formatter : function(val, rec) {
								return unescape(val)
							}
						} ] ],
						toolbar : [
								{
									text : '增加',
									iconCls : 'icon-add',
									handler : function() {
										$('#fm').form('clear');
										$('#add').window('open');
									}
								},
								'-',
								{
									text : '编辑',
									iconCls : 'icon-edit',
									handler : function() {
										var row = $('#dg').datagrid(
												'getSelected');
										if (row) {
											$('#add').dialog('open').dialog(
													'center').dialog(
													'setTitle', '');
											$('#fm').form('load', row);

										}
									}
								},
								'-',
								{
									text : '删除',
									iconCls : 'icon-cancel',
									handler : function() {
										var row = $('#dg').datagrid(
												'getSelected');
										if (row) {
											$.messager.confirm('提示',
													'确定要删除吗?', function(r) {
														if (r) {
															del(row);
														}
													});
										}
									}
								} ],
						onLoadSuccess : function() {
						},
						onDblClickRow : function() {
							editrow();
						}
					});
		}
	</script>
	<style scoped="scoped">
.textbox {
	height: 20px;
	margin: 0;
	padding: 0 2px;
	box-sizing: content-box;
}

/*.table tr {
        height: 15px;
    }*/
</style>
	<table id="dg"></table>


	<div id="add" class="easyui-window" closed="true" modal="true"
		title="用户信息" style="width: 500px; height: 450px; padding: 10px 20px">
		<form id="fm" class="ssec-form">
			<table class="table">
				<tr>
					<td>
						<div class="ssec-label">供应商id：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infId" name="infId" class="easyui-validatebox textbox"
								data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">编码：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCode" name="infCode"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">准入级别：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infAdmitLevel" name="infAdmitLevel"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">名称：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infName" name="infName"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">英文名称：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infNameEn" name="infNameEn"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">供应商类别：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCatagory" name="infCatagory"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">企业性质：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infNature" name="infNature"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">供应商类型：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infType" name="infType"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">内部外部：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infIsInside" name="infIsInside"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">社会信用代码：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCreditCode" name="infCreditCode"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">注册资金：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCapital" name="infCapital"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">币种：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCurrency" name="infCurrency"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">纳税人：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infTaxpayer" name="infTaxpayer"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">是否施工队：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infIsConstruction" name="infIsConstruction"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">是否国外供应商：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infIsAbordSupply" name="infIsAbordSupply"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">国家地区：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCountry" name="infCountry"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">省份：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infProvince" name="infProvince"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">地市：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCity" name="infCity"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">县区：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infArea" name="infArea"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">邮政编码：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infPostal" name="infPostal"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">单位地址：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infAddress" name="infAddress"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">座机：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infTelphone" name="infTelphone"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">企业网站：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infUrl" name="infUrl"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">邮箱：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infMail" name="infMail"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">传真：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infFax" name="infFax"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">法定代表人：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infLegalPerson" name="infLegalPerson"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">身份证号：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infCard" name="infCard"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">手机：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infMobile" name="infMobile"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">联系人姓名：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infContactsName" name="infContactsName"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">联系人身份证：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infContactsCard" name="infContactsCard"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">联系人座机：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infContacsTelphone" name="infContacsTelphone"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">联系人手机：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infContactsMobile" name="infContactsMobile"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">开户银行名称：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infBankName" name="infBankName"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">分行名称：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infBranchName" name="infBranchName"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">账户：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infBankAccount" name="infBankAccount"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">账号：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infBankNumber" name="infBankNumber"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">简介：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="intIntrodution" name="intIntrodution"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">经营范围：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infRange" name="infRange"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">相关说明：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infExplain" name="infExplain"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">审批状态：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="infApprovalStatus" name="infApprovalStatus"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">create_time：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="createTime" name="createTime"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">create_name：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="createName" name="createName"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">create_id：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="createId" name="createId"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">修改人id：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="updateId" name="updateId"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">修改人：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="updateName" name="updateName"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">修改时间：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="updateTime" name="updateTime"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">是否删除：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="delFlag" name="delFlag"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">状态：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="status" name="status"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="ssec-label">备注：</div>
					</td>
					<td>
						<div class="ssec-text normal">
							<input id="remark" name="remark"
								class="easyui-validatebox textbox" data-options="required:true" />
						</div>
					</td>
				</tr>
			</table>
			<div style="padding: 5px; text-align: right;">
				<a class="easyui-linkbutton" onclick="save();" iconcls="icon-save">保存</a>
			</div>
		</form>
	</div>
</body>
</html>
